<template>
	<view>
		<view class="cu-list menu sm-border" >
			<view class="cu-item">
				<button class="cu-btn content" open-type="contact">
					<text class="text-grey">基本功能</text>
				</button>
			</view>
			<view class="cu-item arrow" >
				<view class="content">
					<text class="cuIcon-circlefill text-grey"></text>
					<text class="text-grey">亲情号码</text>
				</view>
			</view>
			<view class="cu-item arrow" >
				<view class="content">
					<text class="cuIcon-circlefill text-grey"></text>
					<text class="text-grey">低电提醒时间段</text>
				</view>
			</view>
			<view class="cu-item arrow" >
				<button class="cu-btn content" open-type="contact">
					<text class="cuIcon-btn text-olive"></text>
					<text class="text-grey">音量等级</text>
				</button>
			</view>
			<view class="cu-item arrow" >
				<navigator class="content" hover-class="none" url="../list/list" open-type="redirect">
					<text class="cuIcon-discoverfill text-orange"></text>
					<text class="text-grey">设置时区</text>
				</navigator>
			</view>
			<view class="cu-item arrow" >
				<view class="content">
					<text class="cuIcon-emojiflashfill text-pink"></text>
					<text class="text-grey">白名单</text>
				</view>
				<view class="action">
					<view class="cu-avatar-group">
						<view class="cu-avatar round sm" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg);"></view>
						<view class="cu-avatar round sm" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg);"></view>
						<view class="cu-avatar round sm" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg);"></view>
						<view class="cu-avatar round sm" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg);"></view>
					</view>
					<text class="text-grey text-sm">4 人</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content padding-tb-sm">
					<view>
						<text class="cuIcon-clothesfill text-blue margin-right-xs"></text> 白名单开关
					</view>
				</view>
				<view class="action">
					<switch class="switch-sex checked skin"></switch>
				</view>
			</view>
			<view class="cu-item" >
				<button class="cu-btn content" open-type="contact">
					<text class="text-grey">医患功能</text>
				</button>
			</view>
			<view class="cu-item arrow" >
				<button class="cu-btn content" open-type="contact">
					<text class="cuIcon-btn text-olive"></text>
					<text class="text-grey">医患绑定</text>
				</button>
			</view>
			<view class="cu-item arrow" >
				<button class="cu-btn content" open-type="contact">
					<text class="cuIcon-btn text-olive"></text>
					<text class="text-grey">医护绑定</text>
				</button>
			</view>
			<view class="cu-item arrow" >
				<button class="cu-btn content" open-type="contact">
					<text class="cuIcon-btn text-olive"></text>
					<text class="text-grey">异常报警</text>
				</button>
			</view>
			<view class="cu-item arrow" >
				<button class="cu-btn content" open-type="contact">
					<text class="cuIcon-btn text-olive"></text>
					<text class="text-grey">紧急呼叫</text>
				</button>
			</view>
			<!-- <view class="cu-item arrow">
				<view class="content">
					<text class="cuIcon-btn text-green"></text>
					<text class="text-grey">黑名单</text>
				</view>
				<view class="action">
					<button class="cu-btn round bg-green shadow">
						<text class="cuIcon-upload"></text> 上传</button>
				</view>
			</view>
			<view class="cu-item arrow" >
				<view class="content">
					<text class="cuIcon-tagfill text-red  margin-right-xs"></text>
					<text class="text-grey">标签</text>
				</view>
				<view class="action">
					<view class="cu-tag round bg-orange light">音乐</view>
					<view class="cu-tag round bg-olive light">电影</view>
					<view class="cu-tag round bg-blue light">旅行</view>
				</view>
			</view>
			<view class="cu-item arrow">
				<view class="content">
					<text class="cuIcon-warn text-green"></text>
					<text class="text-grey">文本</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">小目标还没有实现！</text>
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
</script>

<style>
	.menu {
		overflow: scroll;
		height: 87vh;
	}
</style>
